<template>
  <view :style="themeColor">
    <view class="page">
      <fu-custom bgColor="bg-white" :isBack="true" :isBottom="true">
        <block slot="content">订单详情</block>
      </fu-custom>
      <!---订单flex布局开始-->
      <view class="flex flex-direction align-stretch benben-flex-layout bangfuxiangqing_flex_1">
        <view class='flex align-center bangfuxiangqing_fd1_0'>
          <view class='flex flex-direction flex-wrap align-stretch flex-sub'>
            <text class='bangfuxiangqing_fd1_0_c0_c0'
              v-if="dataDetails.status=='0' && dataDetails.pay_type!='offline_pay'">订单待付款</text><text
              class='bangfuxiangqing_fd1_0_c0_c0' v-if="dataDetails.status=='1'">订单待发货</text><text
              class='bangfuxiangqing_fd1_0_c0_c0' v-if="dataDetails.status=='2'">订单待收货</text><text
              class='bangfuxiangqing_fd1_0_c0_c0' v-if="dataDetails.status=='3'">订单待评价</text><text
              class='bangfuxiangqing_fd1_0_c0_c0' v-if="dataDetails.status=='4'">订单已完成</text><text
              class='bangfuxiangqing_fd1_0_c0_c0' v-if="dataDetails.status=='-1'">订单已关闭</text><text
              class='bangfuxiangqing_fd1_0_c0_c0' v-if="dataDetails.status=='7'">预售待付尾款</text>
            <view class='flex flex-wrap align-stretch bangfuxiangqing_fd1_0_c0_c1'
              v-if="dataDetails.status=='0' && dataDetails.pay_type!='offline_pay'">
              <text class='bangfuxiangqing_fd1_0_c0_c1_c0'>剩余时间：</text>
              <benben-countdown class=' bangfuxiangqing_fd1_0_c0_c1_c1' :show-day='false' :time-type='false'
                :count-time="dataDetails.cancel_surplus_second">
                <template #default="{ d, h, i, s }">
                  <text>{{h}}</text>

                  <text>:</text>

                  <text>{{i}}</text>

                  <text>:</text>

                  <text>{{s}}</text>

                  <text></text>
                </template>
              </benben-countdown>
            </view>
            <view class='flex flex-wrap align-center bangfuxiangqing_fd1_0_c0_c1' v-if="dataDetails.status=='2'">
              <text class='bangfuxiangqing_fd1_0_c0_c1_c0'>还剩</text>
              <benben-countdown class=' bangfuxiangqing_fd1_0_c0_c1_c1' :show-day='true' :time-type='false'
                :count-time="dataDetails.receive_surplus_time">
                <template #default="{ d, h, i, s }">
                  <text>{{d}}</text>

                  <text>天</text>

                  <text>{{h}}</text>

                  <text>:</text>

                  <text>{{i}}</text>

                  <text>:</text>

                  <text>{{s}}</text>

                  <text></text>
                </template>
              </benben-countdown>
              <text class='bangfuxiangqing_fd1_0_c0_c1_c0'>自动确认</text>
            </view>
            <text class='bangfuxiangqing_fd1_0_c0_c3' v-if="dataDetails.status=='3'">您的评价将会给其他买家参考</text>
            <view class='flex flex-wrap align-center bangfuxiangqing_fd1_0_c0_c1' v-if="dataDetails.status=='7'">
              <text class='bangfuxiangqing_fd1_0_c0_c1_c0'>尾款支付时间 :</text>
              <text class='bangfuxiangqing_fd1_0_c0_c1_c0'>{{dataDetails.balance_payment_stime}}</text>
              <text class='bangfuxiangqing_fd1_0_c0_c1_c0'>-</text>
              <text class='bangfuxiangqing_fd1_0_c0_c1_c0'>{{dataDetails.balance_payment_etime}}</text>
            </view>
          </view>
          <image class='bangfuxiangqing_fd1_0_c1' mode="aspectFit" :src='STATIC_URL+"290.png"'
            v-if="dataDetails.status=='0' && dataDetails.pay_type!='offline_pay'"></image>
          <image class='bangfuxiangqing_fd1_0_c1' mode="aspectFit" :src='STATIC_URL+"291.png"'
            v-if="dataDetails.status=='1'"></image>
          <image class='bangfuxiangqing_fd1_0_c1' mode="aspectFit" :src='STATIC_URL+"292.png"'
            v-if="dataDetails.status=='2'"></image>
          <image class='bangfuxiangqing_fd1_0_c1' mode="aspectFit" :src='STATIC_URL+"293.png"'
            v-if="dataDetails.status=='3'"></image>
          <image class='bangfuxiangqing_fd1_0_c1' mode="aspectFit" :src='STATIC_URL+"294.png"'
            v-if="dataDetails.status=='4'"></image>
          <image class='bangfuxiangqing_fd1_0_c1' mode="aspectFit" :src='STATIC_URL+"290.png"'
            v-if="dataDetails.status=='7'"></image>
        </view>
        <view class='flex flex-wrap align-center bangfuxiangqing_fd1_1'>
          <image class='bangfuxiangqing_fd1_1_c0' mode="aspectFit" :src='STATIC_URL+"545.png"'></image>
          <view class='flex flex-direction flex-wrap align-stretch flex-sub bangfuxiangqing_fd1_1_c1'>
            <view class='flex flex-wrap align-center'>
              <text class='bangfuxiangqing_fd1_1_c1_c0_c0'>{{dataDetails.order_info.label_name}}</text>
              <text class='bangfuxiangqing_fd1_1_c1_c0_c1'>{{dataDetails.order_info.receiver_name}}</text>
              <text class='bangfuxiangqing_fd1_1_c1_c0_c2'>(</text>
              <text class='bangfuxiangqing_fd1_1_c1_c0_c2' v-if=" dataDetails.order_info.sex=='1'">先生</text><text
                class='bangfuxiangqing_fd1_1_c1_c0_c2' v-if=" dataDetails.order_info.sex!='1'">女士</text>
              <text class='bangfuxiangqing_fd1_1_c1_c0_c2'>)</text>
              <text class='bangfuxiangqing_fd1_1_c1_c0_c5'>{{dataDetails.order_info.receiver_mobile}}</text>
            </view>
            <view class='flex flex-wrap align-center bangfuxiangqing_fd1_1_c1_c1'>
              <view class='flex-sub'>
                <text class='bangfuxiangqing_fd1_1_c1_c1_c0_c0'>{{dataDetails.order_info.province}}</text>
                <text class='bangfuxiangqing_fd1_1_c1_c1_c0_c0'>{{dataDetails.order_info.city}}</text>
                <text class='bangfuxiangqing_fd1_1_c1_c1_c0_c0'>{{dataDetails.order_info.district}}</text>
                <text class='bangfuxiangqing_fd1_1_c1_c1_c0_c3'>{{dataDetails.order_info.receiver_address}}</text>
              </view>
            </view>
          </view>
          <image class='bangfuxiangqing_fd1_1_c2' mode="aspectFit" :src='STATIC_URL+"466.png"'></image>
        </view>
        <view class='flex flex-direction flex-wrap align-stretch bangfuxiangqing_fd1_2'>
          <template v-for='(item,key0) in dataDetails.order_goods_list'>
            <view class='flex flex-direction align-stretch bangfuxiangqing_fd1_2_c0' :key='key0'>
              <view class='flex align-stretch bangfuxiangqing_fd1_2_c0_c0' @tap="handleJumpDiy" data-type="navigateTo"
                :data-url="`/pages/fl/shopDetail/shopDetail?id=${item.goods_id}`">
                <image class='bangfuxiangqing_fd1_2_c0_c0_c0' mode="aspectFill" :src='item.goods_thumb'></image>
                <view class='flex flex-direction align-stretch flex-sub bangfuxiangqing_fd1_2_c0_c0_c1'>
                  <text class='bangfuxiangqing_fd1_2_c0_c0_c1_c0'>{{item.goods_name}}</text>
                  <text class='bangfuxiangqing_fd1_2_c0_c0_c1_c1'>{{item.sku_name}}</text>
                  <view class='flex flex-wrap align-center justify-between'>
                    <view class='flex flex-wrap align-center'>
                      <text class='bangfuxiangqing_fd1_2_c0_c0_c1_c2_c0_c0'>￥</text>
                      <text class=' bangfuxiangqing_fd1_2_c0_c0_c1_c2_c0_c1'>
                        <text
                          class=' bangfuxiangqing_price1_fd1_2_c0_c0_c1_c2_c0_c1'>{{ item.shop_price | frontPrice }}</text>
                        <text
                          class=' bangfuxiangqing_price2_fd1_2_c0_c0_c1_c2_c0_c1'>{{ item.shop_price | laterPrice }}</text>
                      </text>
                    </view>
                    <view class='flex flex-wrap align-center bangfuxiangqing_fd1_2_c0_c0_c1_c2_c1'>
                      <text>x</text>
                      <text>{{item.num}}</text>
                    </view>
                  </view>
                </view>
              </view>
              <view class='flex flex-wrap align-center justify-end bangfuxiangqing_fd1_2_c0_c1'
                v-if=" item.refund_btn.apply_refund=='1' && item.refund_btn.view_refund==0">
                <button class='bangfuxiangqing_fd1_2_c0_c1_c0' @tap.stop="handleJumpDiy" data-type="navigateTo"
                  :data-url="`/pages/ddgl/serviceApply/serviceApply?aid=${item.aid}`">申请售后</button>
              </view>
              <view class='flex flex-wrap align-center justify-end bangfuxiangqing_fd1_2_c0_c1'
                v-if=" item.refund_btn.view_refund=='1' && item.refund_btn.apply_refund==0">
                <button class='bangfuxiangqing_fd1_2_c0_c2_c0' @tap.stop="handleJumpDiy" data-type="navigateTo"
                  :data-url="`/pages/ddgl/detailsRefund/detailsRefund?id=${item.refund_btn.refund_id}`">查看售后详情</button>
              </view>
            </view>
          </template>

          <view class='flex flex-wrap align-center justify-end bangfuxiangqing_fd1_2_c1'>
            <text class='bangfuxiangqing_fd1_2_c1_c0'>商品总额</text>
            <text class='bangfuxiangqing_fd1_2_c1_c1'>￥</text>
            <text class=' bangfuxiangqing_fd1_2_c1_c2'>
              <text
                class=' bangfuxiangqing_price2_fd1_2_c0_c0_c1_c2_c0_c1'>{{ dataDetails.goods_total | frontPrice }}</text>
              <text
                class=' bangfuxiangqing_price2_fd1_2_c0_c0_c1_c2_c0_c1'>{{ dataDetails.goods_total | laterPrice }}</text>
            </text>
          </view>
          <view class='flex flex-wrap align-center justify-end bangfuxiangqing_fd1_2_c2'
            v-if="dataDetails.coupon_money!='0.00'">
            <text class='bangfuxiangqing_fd1_2_c1_c0'>优惠券</text>
            <text class='bangfuxiangqing_fd1_2_c1_c1'>-</text>
            <text class='bangfuxiangqing_fd1_2_c1_c1'>￥</text>
            <text class='bangfuxiangqing_fd1_2_c1_c1'>{{dataDetails.coupon_money}}</text>
          </view>
          <view class='flex flex-wrap align-center justify-end bangfuxiangqing_fd1_2_c2'>
            <text class='bangfuxiangqing_fd1_2_c1_c0'>运费</text>
            <text class='bangfuxiangqing_fd1_2_c1_c1' v-if=" dataDetails.order_info.express_price>money">￥</text><text
              class='bangfuxiangqing_fd1_2_c1_c1' v-if=" dataDetails.order_info.express_price==money">包邮</text>
            <text class='bangfuxiangqing_fd1_2_c1_c2' v-if=" dataDetails.order_info.express_price>money">
              <text
                class=' bangfuxiangqing_price2_fd1_2_c0_c0_c1_c2_c0_c1'>{{ dataDetails.order_info.express_price | frontPrice }}</text>
              <text
                class=' bangfuxiangqing_price2_fd1_2_c0_c0_c1_c2_c0_c1'>{{ dataDetails.order_info.express_price | laterPrice }}</text>
            </text>
          </view>
          <view class='flex flex-wrap align-center justify-end bangfuxiangqing_fd1_2_c2'
            v-if=" dataDetails.discount_money>money">
            <text class='bangfuxiangqing_fd1_2_c1_c0'>会员折扣</text>
            <text class='bangfuxiangqing_fd1_2_c1_c1'>-￥</text>
            <text class='bangfuxiangqing_fd1_2_c1_c1'>{{dataDetails.discount_money}}</text>
          </view>
          <view class='flex flex-wrap align-center justify-end bangfuxiangqing_fd1_2_c5'
            v-if=" dataDetails.status!='7'">
            <text class='bangfuxiangqing_fd1_2_c5_c0' v-if="dataDetails.status<'1'">应付款</text><text
              class='bangfuxiangqing_fd1_2_c5_c0' v-if="dataDetails.status>='1'">实付款</text>
            <text class='bangfuxiangqing_fd1_2_c5_c1'>￥</text>
            <text class='bangfuxiangqing_fd1_2_c5_c2' v-if="dataDetails.status<'1'">
              <text class=' bangfuxiangqing_price1_fd1_2_c5_c2'>{{ dataDetails.payable_money | frontPrice }}</text>
              <text class=' bangfuxiangqing_price2_fd1_2_c5_c2'>{{ dataDetails.payable_money | laterPrice }}</text>
            </text><text class='bangfuxiangqing_fd1_2_c5_c2_1' v-if="dataDetails.status>='1'">
              <text class=' bangfuxiangqing_price1_fd1_2_c5_c2'>{{ dataDetails.real_money | frontPrice }}</text>
              <text class=' bangfuxiangqing_price2_fd1_2_c5_c2'>{{ dataDetails.real_money | laterPrice }}</text>
            </text>
          </view>
          <view class='flex flex-direction align-stretch justify-end bangfuxiangqing_fd1_2_c5'
            v-if=" dataDetails.status=='7'">
            <view class='flex align-center justify-end bangfuxiangqing_fd1_2_c6_c0'>
              <text class='bangfuxiangqing_fd1_2_c5_c0'>已付定金</text>
              <text class='bangfuxiangqing_fd1_2_c5_c1'>￥</text>
              <text class='bangfuxiangqing_fd1_2_c5_c2'>
                <text class=' bangfuxiangqing_price1_fd1_2_c5_c2'>{{ dataDetails.real_money | frontPrice }}</text>
                <text class=' bangfuxiangqing_price2_fd1_2_c5_c2'>{{ dataDetails.real_money | laterPrice }}</text>
              </text>
            </view>
            <view class='flex align-center justify-end'>
              <text class='bangfuxiangqing_fd1_2_c5_c0'>待付尾款</text>
              <text class='bangfuxiangqing_fd1_2_c5_c1'>￥</text>
              <text class='bangfuxiangqing_fd1_2_c5_c2'>
                <text class=' bangfuxiangqing_price1_fd1_2_c5_c2'>{{ dataDetails.balance_money | frontPrice }}</text>
                <text class=' bangfuxiangqing_price2_fd1_2_c5_c2'>{{ dataDetails.balance_money | laterPrice }}</text>
              </text>
            </view>
          </view>
        </view>
        <view class='flex flex-direction flex-wrap align-stretch bangfuxiangqing_fd1_3'>
          <view class='flex flex-wrap align-center bangfuxiangqing_fd1_3_c0'>

            <view class='flex  bangfuxiangqing_fd1_3_c0_c0'></view>

            <text class='bangfuxiangqing_fd1_3_c0_c1'>订单信息</text>
          </view>
          <view class='flex flex-wrap align-start bangfuxiangqing_fd1_2_c0_c0'>
            <text class='bangfuxiangqing_fd1_3_c1_c0'>订单备注</text>
            <text class='flex-sub bangfuxiangqing_fd1_3_c1_c1'
              v-if="dataDetails.order_info.remark!=''">{{dataDetails.order_info.remark}}</text><text
              class='flex-sub bangfuxiangqing_fd1_3_c1_c1' v-if="dataDetails.order_info.remark==''">无</text>
          </view>
          <view class='flex flex-wrap align-stretch bangfuxiangqing_fd1_3_c2'>
            <text class='bangfuxiangqing_fd1_2_c0_c0_c1_c2_c1'>订单编号</text>
            <text class='bangfuxiangqing_fd1_3_c2_c1'>{{dataDetails.order_sn}}</text>
            <text class='bangfuxiangqing_fd1_3_c2_c2' @tap.stop="copyText(dataDetails.order_sn)">复制</text>
          </view>
          <view class='flex flex-direction flex-wrap align-stretch'>
            <view class='flex flex-wrap align-center bangfuxiangqing_fd1_2_c0_c0'>
              <text class='bangfuxiangqing_fd1_3_c3_c0_c0'>下单时间</text>
              <text class='bangfuxiangqing_fd1_1_c1_c1_c0_c3'>{{dataDetails.create_time}}</text>
            </view>
            <view class='flex flex-wrap align-center bangfuxiangqing_fd1_2_c0_c0'
              v-if="dataDetails.status>'0' || dataDetails.pay_status=='offline_pay'">
              <text class='bangfuxiangqing_fd1_3_c3_c0_c0'>付款金额</text>
              <text class='bangfuxiangqing_fd1_3_c3_c1_c1'>￥</text>
              <text class=' bangfuxiangqing_fd1_3_c3_c1_c2'>
                <text class=' bangfuxiangqing_price1_fd1_3_c3_c1_c2'>{{ dataDetails.real_money | frontPrice }}</text>
                <text class=' bangfuxiangqing_price1_fd1_3_c3_c1_c2'>{{ dataDetails.real_money | laterPrice }}</text>
              </text>
            </view>
            <view class='flex flex-wrap align-center bangfuxiangqing_fd1_2_c0_c0'
              v-if="dataDetails.status>'0' || dataDetails.pay_status=='offline_pay'">
              <text class='bangfuxiangqing_fd1_3_c3_c0_c0'>支付方式</text>
              <text class='bangfuxiangqing_fd1_3_c3_c2_c1' v-if="dataDetails.pay_type=='wechat'">微信支付</text><text
                class='bangfuxiangqing_fd1_3_c3_c2_c1' v-if="dataDetails.pay_type=='alipay'">支付宝支付</text><text
                class='bangfuxiangqing_fd1_3_c3_c2_c1' v-if="dataDetails.pay_type=='balance'">余额支付</text><text
                class='bangfuxiangqing_fd1_3_c3_c2_c1' v-if="dataDetails.pay_type=='offline_pay'">线下支付</text>
            </view>
            <view class='flex flex-wrap align-center bangfuxiangqing_fd1_2_c0_c0'
              v-if="dataDetails.status>'0' || dataDetails.pay_status=='offline_pay'">
              <text class='bangfuxiangqing_fd1_3_c3_c0_c0'>支付时间</text>
              <text class='bangfuxiangqing_fd1_1_c1_c1_c0_c3'>{{dataDetails.pay_time}}</text>
            </view>
          </view>
        </view>
        <view class='flex flex-wrap align-center justify-end bangfuxiangqing_fd1_4'>
          <button class='bangfuxiangqing_fd1_4_c0' @tap.stop="popupShow1657247297312=true"
            v-if="dataDetails.btn_list.cancel_order=='1'">取消订单</button><button class='bangfuxiangqing_fd1_4_c0'
            @tap.stop="ismultipackageFunc()" v-if="dataDetails.btn_list.view_logistics=='1'">查看物流</button>
          <button class='bangfuxiangqing_fd1_4_c1' @tap.stop="popupShow1679650134928=true"
            v-if="dataDetails.btn_list.apply_invoice=='1'">申请开票</button><button class='bangfuxiangqing_fd1_4_c1'
            @tap.stop="handleJumpDiy" data-type="navigateTo"
            :data-url="`/pages/fp/invoiceDetail/invoiceDetail?order_id=${order_id}`"
            v-if="dataDetails.btn_list.view_invoice=='1'">查看发票</button><button class='bangfuxiangqing_fd1_4_c1'
            @tap.stop="deleteOrderFunc()" v-if="dataDetails.btn_list.delete_order=='1'">删除订单</button>
          <button class='bangfuxiangqing_fd1_4_c2' @tap.stop="handleJumpDiy" data-type="navigateTo"
            :data-url="`/pages/sy/offerPay/offerPay?order_sn=${dataDetails.order_sn}&order_type=3`"
            v-if="dataDetails.btn_list.go_pay=='1'">去付款</button><button class='bangfuxiangqing_fd1_4_c2'
            @tap.stop="handleJumpDiy" data-type="navigateTo"
            :data-url="`/pages/sy/offerPay/offerPay?order_sn=${dataDetails.final_order_sn}&order_type=3`"
            v-if="dataDetails.btn_list.pay_balance=='1' && dataDetails.order_type=='7'">支付尾款</button>
          <button class='bangfuxiangqing_fd1_4_c2' @tap.stop="remindShopFunc()"
            v-if="dataDetails.status=='1' && dataDetails.btn_list.remind_send=='1'">提醒发货</button><button
            class='bangfuxiangqing_fd1_4_c2' v-if="dataDetails.btn_list.remind_already=='1'">已提醒</button>
          <button class='bangfuxiangqing_fd1_4_c2' @tap.stop="confirmReceiptFunc()"
            v-if="dataDetails.btn_list.confirm_receive=='1'">确认收货</button><button class='bangfuxiangqing_fd1_4_c2'
            @tap.stop="handleJumpDiy" data-type="navigateTo"
            :data-url="`/pages/ddgl/evaluation/evaluation?id=${order_id}`"
            v-if="dataDetails.btn_list.evaluate=='1'">评价</button>
        </view>
      </view>

      <!---订单flex布局结束-->
      <benben-popup v-model="popupShow1657247297312" :mask="true" :mask-close-able="true" mode='bottom'>
        <!---取消订单flex布局开始-->
        <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout bangfuxiangqing_flex_2">
          <view class='flex flex-direction flex-wrap align-stretch bangfuxiangqing_fd2_0'>
            <view class='flex flex-wrap align-center justify-between bangfuxiangqing_fd2_0_c0'>
              <text class='bangfuxiangqing_fd2_0_c0_c0' @tap.stop="popupShow1657247297312=false">取消</text>
              <text class='bangfuxiangqing_fd2_0_c0_c1'>取消订单</text>
              <text class='bangfuxiangqing_fd2_0_c0_c2' @tap.stop="cancelOrderFunc()">确定</text>
            </view>
            <view class='flex flex-wrap align-center bangfuxiangqing_fd2_0_c1'>
              <text class='bangfuxiangqing_fd2_0_c1_c0'>请选择取消订单原因</text>
            </view>

            <scroll-view class='bangfuxiangqing_fd2_0_c2' :scroll-y='true'>
              <view class='flex flex-direction align-stretch benben-scroll flex'>
                <benben-select-diy ref="showSelectPopup1693558527060" class-name='flex flex-direction flex'
                  :items.sync="dataMessage" v-model="cancel_id" default-type="aid" default-label="reason"
                  :allow-cancel='true' type="radio" :disabled='false'>
                  <template v-for='(item,key0) in dataMessage'>
                    <view v-if="item.isSelected" class='flex justify-between flex bangfuxiangqing_fd2_0_c2_c0_c0'
                      :key="key0" @tap="$refs.showSelectPopup1693558527060.tapHandle(key0)">
                      <text>{{item.reason}}</text>
                      <image class='bangfuxiangqing_fd2_0_c2_c0_c0_c1' mode="aspectFit" :src='STATIC_URL+"543.png"'>
                      </image>
                    </view>
                    <view v-else class='flex justify-between flex bangfuxiangqing_fd2_0_c2_c0_c0' :key="key0"
                      @tap="$refs.showSelectPopup1693558527060.tapHandle(key0)">
                      <text>{{item.reason}}</text>
                      <image class='bangfuxiangqing_fd2_0_c2_c0_c0_c1' mode="aspectFit" :src='STATIC_URL+"289.png"'>
                      </image>
                    </view>
                  </template></benben-select-diy>
              </view>
            </scroll-view>

          </view>
        </view>

        <!---取消订单flex布局结束-->

      </benben-popup>
      <benben-popup v-model="popupShow1679650134928" :mask="true" :mask-close-able="true" mode='bottom'>
        <!---flex布局flex布局开始-->
        <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout bangfuxiangqing_flex_3">
          <view class='flex flex-wrap align-center justify-center bangfuxiangqing_fd3_0'>
            <image class='bangfuxiangqing_fd3_0_c0' mode="aspectFit" :src='STATIC_URL+"127.png"'></image>
            <text class='bangfuxiangqing_fd3_0_c1'>抬头选择</text>
            <image class='bangfuxiangqing_fd3_0_c0' mode="aspectFit" :src='STATIC_URL+"128.png"'></image>
            <image class='bangfuxiangqing_fd3_0_c3' mode="aspectFit" :src='STATIC_URL+"131.png"'
              @tap.stop="popupShow1679650134928=false"></image>
          </view>

          <scroll-view class='bangfuxiangqing_fd3_1' :scroll-y='true'>
            <view class='flex flex-direction align-stretch benben-scroll flex'>
              <benben-select-diy ref="showSelectPopup1687658365917" class-name='flex flex-direction align-stretch flex'
                :items.sync="invoiceData" v-model="invoice_id" @change="isokfapiaoFunc()" default-type="aid"
                default-label="username" :allow-cancel='false' type="radio" :disabled='false'>
                <template v-for='(item,key0) in invoiceData'>
                  <view v-if="item.isSelected" class='flex align-center flex bangfuxiangqing_fd3_1_c0_c0' :key="key0"
                    @tap="$refs.showSelectPopup1687658365917.tapHandle(key0)">
                    <image class='bangfuxiangqing_fd3_1_c0_c0_c0' mode="aspectFit" :src='STATIC_URL+"543.png"'></image>
                    <view class='flex flex-direction flex-wrap align-stretch flex-sub bangfuxiangqing_fd3_1_c0_c0_c1'>
                      <view class='flex flex-wrap align-center'>
                        <text class='bangfuxiangqing_fd3_1_c0_c0_c1_c0_c0'>{{item.username}}</text>
                        <image class='bangfuxiangqing_fd3_1_c0_c0_c1_c0_c1' mode="aspectFit" :src='STATIC_URL+"133.png"'
                          v-if="item.is_default=='1'"></image>
                        <view class='flex flex-wrap align-center bangfuxiangqing_fd3_1_c0_c0_c1_c0_c2'>
                          <text class='bangfuxiangqing_fd3_1_c0_c0_c1_c0_c2_c0' v-if="item.type=='1'">个人</text><text
                            class='bangfuxiangqing_fd3_1_c0_c0_c1_c0_c2_c0_1' v-if="item.type!='1'">企业</text>
                        </view>
                      </view>
                      <view class='flex flex-wrap align-center bangfuxiangqing_fd3_1_c0_c0_c1_c1'>
                        <view class='flex flex-direction flex-wrap align-stretch flex-sub'>
                          <view class='flex flex-wrap align-center'>
                            <text class='bangfuxiangqing_fd3_1_c0_c0_c1_c1_c0_c0_c0'>联系邮箱</text>
                            <text class='bangfuxiangqing_fd3_1_c0_c0_c1_c1_c0_c0_c1'>{{item.email}}</text>
                          </view>
                          <view class='flex flex-wrap align-center bangfuxiangqing_fd3_1_c0_c0_c1_c1_c0_c1'>
                            <text class='bangfuxiangqing_fd3_1_c0_c0_c1_c1_c0_c0_c0'>联系电话</text>
                            <text class='bangfuxiangqing_fd3_1_c0_c0_c1_c1_c0_c0_c1'>{{item.mobile}}</text>
                          </view>
                        </view>
                        <view class='flex flex-wrap align-center' @tap.stop="handleJumpDiy" data-type="navigateTo"
                          :data-url="`/pages/fp/ApplyOpenInvoicessss/ApplyOpenInvoicessss?id=${item.aid}`">
                          <image class='bangfuxiangqing_fd3_1_c0_c0_c1_c1_c1_c0' mode="aspectFit"
                            :src='STATIC_URL+"134.png"'></image>
                          <text class='bangfuxiangqing_fd3_1_c0_c0_c1_c1_c1_c1'>编辑</text>
                        </view>
                      </view>
                    </view>
                  </view>
                  <view v-else class='flex align-center flex bangfuxiangqing_fd3_1_c0_c0' :key="key0"
                    @tap="$refs.showSelectPopup1687658365917.tapHandle(key0)">
                    <image class='bangfuxiangqing_fd3_1_c0_c0_c0' mode="aspectFit" :src='STATIC_URL+"135.png"'></image>
                    <view class='flex flex-direction flex-wrap align-stretch flex-sub bangfuxiangqing_fd3_1_c0_c0_c1'>
                      <view class='flex flex-wrap align-center'>
                        <text class='bangfuxiangqing_fd3_1_c0_c0_c1_c0_c0'>{{item.username}}</text>
                        <image class='bangfuxiangqing_fd3_1_c0_c0_c1_c0_c1' mode="aspectFit" :src='STATIC_URL+"133.png"'
                          v-if="item.is_default=='1'"></image>
                        <view class='flex flex-wrap align-center bangfuxiangqing_fd3_1_c0_c0_c1_c0_c2'>
                          <text class='bangfuxiangqing_fd3_1_c0_c0_c1_c0_c2_c0' v-if="item.type=='1'">个人</text><text
                            class='bangfuxiangqing_fd3_1_c0_c0_c1_c0_c2_c0_1' v-if="item.type!='1'">企业</text>
                        </view>
                      </view>
                      <view class='flex flex-wrap align-center bangfuxiangqing_fd3_1_c0_c0_c1_c1'>
                        <view class='flex flex-direction flex-wrap align-stretch flex-sub'>
                          <view class='flex flex-wrap align-center'>
                            <text class='bangfuxiangqing_fd3_1_c0_c0_c1_c1_c0_c0_c0'>联系邮箱</text>
                            <text class='bangfuxiangqing_fd3_1_c0_c0_c1_c1_c0_c0_c1'>{{item.email}}</text>
                          </view>
                          <view class='flex flex-wrap align-center bangfuxiangqing_fd3_1_c0_c0_c1_c1_c0_c1'>
                            <text class='bangfuxiangqing_fd3_1_c0_c0_c1_c1_c0_c0_c0'>联系电话</text>
                            <text class='bangfuxiangqing_fd3_1_c0_c0_c1_c1_c0_c0_c1'>{{item.mobile}}</text>
                          </view>
                        </view>
                        <view class='flex flex-wrap align-center' @tap.stop="handleJumpDiy" data-type="navigateTo"
                          :data-url="`/pages/fp/ApplyOpenInvoicessss/ApplyOpenInvoicessss?id=${item.aid}`">
                          <image class='bangfuxiangqing_fd3_1_c0_c0_c1_c1_c1_c0' mode="aspectFit"
                            :src='STATIC_URL+"134.png"'></image>
                          <text class='bangfuxiangqing_fd3_1_c0_c0_c1_c1_c1_c1'>编辑</text>
                        </view>
                      </view>
                    </view>
                  </view>
                </template></benben-select-diy>
              <benben-empty :list-data="invoiceData">
                <view class='flex flex-direction flex-wrap align-center bangfuxiangqing_fd3_1_c1'>
                  <image class='bangfuxiangqing_fd3_1_c1_c0' mode="widthFix" :src='STATIC_URL+"178.png"'></image>

                </view>
              </benben-empty>
            </view>
          </scroll-view>

          <button class='bangfuxiangqing_fd3_2' @tap.stop="handleJumpDiy" data-type="navigateTo"
            :data-url="`/pages/fp/ApplyOpenInvoicessss/ApplyOpenInvoicessss`">添加新的抬头</button>
          <button class='bangfuxiangqing_fd3_3' @tap.stop="popupShow1679650134928=false">不开发票</button>
        </view>

        <!---flex布局flex布局结束-->

      </benben-popup>


    </view>
  </view>
</template>
<script>
  import {
    validate
  } from '@/common/utils/validate.js'
  export default {
    components: {},


    data() {
      return {
        "popupShow1679650134928": false,
        "popupShow1657247297312": false,
        "cut": "1",
        "cancel_id": "",
        "dataDetails": {
          "aid": "",
          "order_sn": "",
          "order_money": "",
          "payable_money": "",
          "coupon_id": "",
          "coupon_money": "",
          "send_time": "",
          "receive_time": "",
          "pay_time": "",
          "discount_money": "",
          "create_time": "",
          "pay_type": "",
          "status": "",
          "pay_type_str": "",
          "order_info": {
            "receiver_mobile": "",
            "receiver_address": "",
            "receiver_name": "",
            "remark": "",
            "province": "",
            "city": "",
            "district": "",
            "sex": "",
            "label_name": "",
            "express_price": "",
            "pickup_code": "",
            "pickup_img": ""
          },
          "order_goods_list": [],
          "shop_info": {
            "aid": "",
            "store_name": "",
            "store_logo": "",
            "store_logo_id": ""
          },
          "btn_list": {
            "cancel_order": "",
            "go_pay": "",
            "remind_send": "",
            "remind_already": "",
            "apply_invoice": "",
            "view_invoice": "",
            "apply_refund": "",
            "view_logistics": "",
            "confirm_receive": "",
            "evaluate": "",
            "delete_order": "",
            "pay_balance": ""
          },
          "is_multiple_package": "",
          "order_type": "",
          "advance_sn": "",
          "usermerchant_id": "",
          "discount_str": "",
          "surplus_receive_time": "",
          "group_info": {
            "join_timeout": "",
            "activity_status": "",
            "group_members_nums": "",
            "join_number": "",
            "status_txt": ""
          },
          "group_user": [],
          "real_money": "",
          "cancel_surplus_second": "",
          "balance_payment_stime": "",
          "balance_payment_etime": "",
          "receive_surplus_time": "",
          "goods_total": "",
          "pay_status": "",
          "final_order_sn": "",
          "balance_money": ""
        },
        "dataMessage": [],
        "invoiceData": [],
        "invoice_id": "",
        "text": "shenqingchengg",
        "money": 0,
        "order_id": "1026",
        "order_sn": "",
        "type": ""
      };
    },
    computed: {
      themeColor() {
        return this.$store.getters.themeColor
      },

    },
    watch: {},
    onLoad(options) {
      let {
        order_id,
        order_sn,
        type
      } = options
      if (order_id !== undefined) this.order_id = order_id
      if (order_sn !== undefined) this.order_sn = order_sn
      if (type !== undefined) this.type = type
    },
    onUnload() {

    },
    onReady() {

    },
    onShow() {
      this.getDetailFunc()
      this.getCancelTypeFunc()
      this.queryHeadipFunc()
    },
    onHide() {

    },
    onResize() {

    },
    onPullDownRefresh() {

    },
    onReachBottom(e) {

    },
    onPageScroll(e) {

    },
    methods: {
      //跳转售后详情
      gotoreturnFunc(view_refund_list, refund_id) {
        if (view_refund_list == '1') {
          this.$urouter.navigateTo(`/pages/ddgl/detailsRefund/detailsRefund?id=${refund_id}`);
        } else {
          this.$urouter.navigateTo(`/pages/ddgl/order/order?type=6`);
        }
      },
      //预下单-查询发票抬头
      async queryHeadipFunc() {
        //请求方法
        //数据验证

        let datainvoiceData = await this.$api.post(global.apiUrls.post641848d371e2f, {

        });

        if (datainvoiceData.data.code != 1) {
          this.$message.info(datainvoiceData.data.msg);
          return
        }
        let infoinvoiceData = datainvoiceData.data;
        this.invoiceData = infoinvoiceData.data

      },
      //使用发票
      async isokfapiaoFunc() {
        //请求方法
        //数据验证

        let data641ebe3244065 = await this.$api.dbPost(global.apiUrls.post641ebe3244065, {
          order_id: this.order_id,
          invoice_header_id: this.invoice_id
        });
        if (!data641ebe3244065) return
        if (data641ebe3244065.data.code != 1) {
          this.$message.info(data641ebe3244065.data.msg);
          return
        }



        this.$message.info('开票成功');
        this.popupShow1679650134928 = false;
        this.invoice_id = '';
        this.getDetailFunc()
      },
      //删除订单
      async deleteOrderFunc() {
        //请求方法
        //数据验证

        let data6447c3b69f234 = await this.$api.dbGet(global.apiUrls.post6447c3b69f234, {
          order_id: this.order_id
        });
        if (!data6447c3b69f234) return
        if (data6447c3b69f234.data.code != 1) {
          this.$message.info(data6447c3b69f234.data.msg);
          return
        }



        this.$message.info('删除成功');
        uni.$emit('shenqingchengg', this.text)
        setTimeout(() => {
          this.$urouter.navigateBack(1);
        }, 500)
      },
      //订单-订单详情
      async getDetailFunc() {
        //请求方法
        //数据验证

        let datadataDetails = await this.$api.post(global.apiUrls.post62c92b9d5ada3, {
          order_id: this.order_id,
          order_type: '3'
        });

        if (datadataDetails.data.code != 1) {
          this.$message.info(datadataDetails.data.msg);
          return
        }
        let infodataDetails = datadataDetails.data;
        this.dataDetails = infodataDetails.data

      },
      //取消订单
      async cancelOrderFunc() {
        if (!validate(this.cancel_id, 'require')) {
          this.$message.info('请选择取消原因');
          return false;
        }
        //请求方法
        //数据验证

        let data62cb8b8438141 = await this.$api.dbPost(global.apiUrls.post62cb8b8438141, {
          order_id: this.dataDetails.aid,
          return_id: this.cancel_id
        });
        if (!data62cb8b8438141) return
        if (data62cb8b8438141.data.code != 1) {
          this.$message.info(data62cb8b8438141.data.msg);
          return
        }



        this.popupShow1657247297312 = false;
        this.$message.info('取消成功');
        uni.$emit('shenqingchengg', this.text)
        this.getDetailFunc()
      },
      //获取取消订单状态
      async getCancelTypeFunc() {
        //请求方法
        //数据验证

        let datadataMessage = await this.$api.get(global.apiUrls.post641ae6544d2d5, {
          type: '2',
          sort_type: 'desc'
        });

        if (datadataMessage.data.code != 1) {
          this.$message.info(datadataMessage.data.msg);
          return
        }
        let infodataMessage = datadataMessage.data;
        this.dataMessage = infodataMessage.data

      },
      //提现发货
      async remindShopFunc() {
        //请求方法
        //数据验证

        let data62bec4f86725d = await this.$api.dbPost(global.apiUrls.post62bec4f86725d, {
          order_id: this.dataDetails.aid
        });
        if (!data62bec4f86725d) return
        if (data62bec4f86725d.data.code != 1) {
          this.$message.info(data62bec4f86725d.data.msg);
          return
        }



        this.$message.info('提醒成功');
        uni.$emit('shenqingchengg', this.text)
        this.getDetailFunc()
      },
      //确认收货
      async confirmReceiptFunc() {
        //请求方法
        //数据验证

        let data64218bff49e61 = await this.$api.dbPost(global.apiUrls.post64218bff49e61, {
          order_id: this.dataDetails.aid
        });
        if (!data64218bff49e61) return
        if (data64218bff49e61.data.code != 1) {
          this.$message.info(data64218bff49e61.data.msg);
          return
        }



        this.$message.info('收货成功');
        uni.$emit('shenqingchengg', this.text)
        this.getDetailFunc()
      },
      //是否多包裹
      ismultipackageFunc() {
        if (this.dataDetails.is_multiple_package == '1') {
          this.$urouter.navigateTo(
            `/pages/ddgl/packages/packages?order_id=${this.dataDetails.aid}&order_goods_express_id=&id=`);
        } else {
          this.$urouter.navigateTo(
            `/pages/ddgl/logisticsCheck/logisticsCheck?order_id=${this.dataDetails.aid}&order_goods_express_id=&id=`);
        }
      }
    }
  };
</script>
<style lang="scss" scoped>
  .page {
    width: 100vw;
    overflow-x: hidden;
    min-height: calc(100vh - var(--window-bottom));
    background: url(image-path('573.png')) no-repeat;
    background-size: 100% auto;
  }

  .bangfuxiangqing_flex_0 {
    background: url(image-path('573.png')) no-repeat;
    width: 750rpx;
    height: 88rpx;
    overflow: hidden;
    z-index: 10;
    top: 0rpx;
    background-size: 100% auto !important;
  }

  .bangfuxiangqing_fd0_0_c2 {
    padding: 0rpx 0rpx 0rpx 0rpx;
    width: 200rpx;
  }

  .bangfuxiangqing_fd0_0_c1_c0 {
    font-size: 36rpx;
    font-weight: 500;
    color: #fff;
  }

  .bangfuxiangqing_fd0_0_c0_c0 {
    font-size: 36rpx;
    color: #fff;
    font-weight: 500;
  }

  .bangfuxiangqing_fd0_0_c0 {
    width: 200rpx;
  }

  .bangfuxiangqing_fd0_0 {
    padding: 0rpx 32rpx 0rpx 32rpx;
    line-height: 88rpx;
  }

  .bangfuxiangqing_flex_1 {
    padding: 5rpx 24rpx 32rpx 24rpx;
    margin: 0rpx 0rpx 88rpx 0rpx;
  }

  .bangfuxiangqing_fd1_4_c2 {
    background: var(--benbenbgColor7);
    border-radius: 40rpx 40rpx 40rpx 40rpx;
    font-size: 24rpx;
    color: #fff;
    width: 170rpx;
    height: 60rpx;
    line-height: 60rpx;
    font-weight: 400;
    margin: 0rpx 0rpx 0rpx 24rpx;
  }

  .bangfuxiangqing_fd1_4_c1 {
    background: var(--benbenbgColor5);
    border-radius: 30rpx 30rpx 30rpx 30rpx;
    font-size: 24rpx;
    color: #333;
    width: 170rpx;
    height: 60rpx;
    line-height: 60rpx;
    font-weight: 400;
    margin: 0rpx 0rpx 0rpx 24rpx;
  }

  .bangfuxiangqing_fd1_4_c0 {
    background: var(--benbenbgColor5);
    border-radius: 50rpx 50rpx 50rpx 50rpx;
    font-size: 24rpx;
    color: #333;
    width: 170rpx;
    height: 60rpx;
    line-height: 60rpx;
    font-weight: 400;
    margin: 0rpx 0rpx 0rpx 24rpx;
  }

  .bangfuxiangqing_fd1_4 {
    background: var(--benbenbgColor1);
    background-size: 100% auto !important;
    position: fixed;
    bottom: calc(0rpx + var(--window-bottom));
    width: 750rpx;
    height: 88rpx;
    left: 0rpx;
    padding: 0rpx 24rpx 0rpx 24rpx;
  }

  .bangfuxiangqing_fd1_3_c3_c2_c1 {
    font-size: 24rpx;
    font-weight: 400;
    color: #333333;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    max-width: 150rpx;
  }

  .bangfuxiangqing_price1_fd1_3_c3_c1_c2 {
    font-size: 24rpx;
  }

  .bangfuxiangqing_fd1_3_c3_c1_c2 {
    color: var(--benbenFontColor7);
    font-weight: 400;
    font-size: 24rpx;
  }

  .bangfuxiangqing_fd1_3_c3_c1_c1 {
    font-size: 24rpx;
    font-weight: 400;
    color: var(--benbenFontColor7);
  }

  .bangfuxiangqing_fd1_3_c3_c0_c0 {
    margin: 0rpx 72rpx 0rpx 0rpx;
    font-size: 24rpx;
    font-weight: 400;
    color: #999999;
  }

  .bangfuxiangqing_fd1_3_c2_c2 {
    font-size: 24rpx;
    font-weight: 400;
    color: var(--benbenFontColor4);
  }

  .bangfuxiangqing_fd1_3_c2_c1 {
    font-size: 24rpx;
    font-weight: 400;
    color: #333333;
    margin: 0rpx 43rpx 0rpx 72rpx;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
  }

  .bangfuxiangqing_fd1_3_c2 {
    line-height: 34rpx;
    margin: 32rpx 0rpx 0rpx 0rpx;
  }

  .bangfuxiangqing_fd1_3_c1_c1 {
    color: #333333;
    font-size: 24rpx;
    font-weight: 400;
    line-height: 40rpx;
  }

  .bangfuxiangqing_fd1_3_c1_c0 {
    color: #999999;
    font-size: 24rpx;
    font-weight: 400;
    line-height: 33rpx;
    margin: 0rpx 72rpx 0rpx 0rpx;
  }

  .bangfuxiangqing_fd1_3_c0_c1 {
    font-size: 32rpx;
    font-weight: 600;
    color: #333333;
  }

  .bangfuxiangqing_fd1_3_c0_c0 {
    background: var(--benbenbgColor7);
    width: 8rpx;
    height: 30rpx;
    margin: 0rpx 15rpx 0rpx 0rpx;
    transform: scaleX(0.5);
  }

  .bangfuxiangqing_fd1_3_c0 {
    border-bottom: 1px solid #eee;
    padding: 0rpx 0rpx 24rpx 0rpx;
    margin: 0rpx 0rpx 0rpx 0rpx;
  }

  .bangfuxiangqing_fd1_3 {
    background: #fff;
    background-size: 100% auto !important;
    border-radius: 16rpx 16rpx 16rpx 16rpx;
    padding: 32rpx 24rpx 32rpx 24rpx;
    margin: 12rpx 0rpx 100rpx 0rpx;
  }

  .bangfuxiangqing_fd1_2_c6_c0 {
    margin: 0rpx 0rpx 24rpx 0rpx;
  }

  .bangfuxiangqing_fd1_2_c5_c2_1 {
    color: rgba(250, 32, 51, 1);
    font-weight: 700;
    font-size: 22rpx;
  }

  .bangfuxiangqing_price2_fd1_2_c5_c2 {
    font-size: 22rpx;
  }

  .bangfuxiangqing_price1_fd1_2_c5_c2 {
    font-size: 40rpx;
  }

  .bangfuxiangqing_fd1_2_c5_c2 {
    color: var(--benbenFontColor7);
    font-weight: 700;
    font-size: 22rpx;
  }

  .bangfuxiangqing_fd1_2_c5_c1 {
    font-size: 20rpx;
    font-weight: 700;
    color: var(--benbenFontColor7);
  }

  .bangfuxiangqing_fd1_2_c5_c0 {
    font-size: 24rpx;
    font-weight: 500;
    color: rgba(153, 153, 153, 1);
    margin: 0rpx 8rpx 0rpx 0rpx;
  }

  .bangfuxiangqing_fd1_2_c5 {
    border-top: 1px solid #eee;
    padding: 32rpx 0rpx 0rpx 0rpx;
  }

  .bangfuxiangqing_fd1_2_c2 {
    margin: 0rpx 0rpx 32rpx 0rpx;
  }

  .bangfuxiangqing_fd1_2_c1_c2 {
    color: #333333;
    font-weight: 700;
    font-size: 28rpx;
    line-height: 42rpx;
  }

  .bangfuxiangqing_fd1_2_c1_c1 {
    font-size: 28rpx;
    font-weight: 700;
    color: #333333;
    line-height: 42rpx;
  }

  .bangfuxiangqing_fd1_2_c1_c0 {
    font-size: 28rpx;
    font-weight: 500;
    color: #333333;
    margin: 0rpx auto 0rpx 0rpx;
  }

  .bangfuxiangqing_fd1_2_c1 {
    margin: 32rpx 0rpx 32rpx 0rpx;
  }

  .bangfuxiangqing_fd1_2_c0_c2_c0 {
    background: var(--benbenbgColor5);
    border-radius: 28rpx 28rpx 28rpx 28rpx;
    font-size: 24rpx;
    color: #333;
    width: 220rpx;
    height: 56rpx;
  }

  .bangfuxiangqing_fd1_2_c0_c1_c0 {
    background: var(--benbenbgColor5);
    border-radius: 28rpx 28rpx 28rpx 28rpx;
    font-size: 24rpx;
    color: #333;
    width: 144rpx;
    height: 56rpx;
  }

  .bangfuxiangqing_fd1_2_c0_c1 {
    margin: 24rpx 0rpx 0rpx 0rpx;
  }

  .bangfuxiangqing_fd1_2_c0_c0_c1_c2_c1 {
    font-size: 24rpx;
    font-weight: 400;
    color: #999999;
  }

  .bangfuxiangqing_price2_fd1_2_c0_c0_c1_c2_c0_c1 {
    font-size: 28rpx;
  }

  .bangfuxiangqing_price1_fd1_2_c0_c0_c1_c2_c0_c1 {
    font-size: 32rpx;
  }

  .bangfuxiangqing_fd1_2_c0_c0_c1_c2_c0_c1 {
    color: var(--benbenFontColor0);
    font-weight: 600;
  }

  .bangfuxiangqing_fd1_2_c0_c0_c1_c2_c0_c0 {
    color: var(--benbenFontColor0);
    font-size: 20rpx;
    font-weight: 700;
    line-height: 30rpx;
    margin: 4rpx 0rpx 0rpx 0rpx;
  }

  .bangfuxiangqing_fd1_2_c0_c0_c1_c1 {
    font-size: 24rpx;
    font-weight: 400;
    color: #999999;
    margin: 8rpx 0rpx auto 0rpx;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-height: 33rpx;
  }

  .bangfuxiangqing_fd1_2_c0_c0_c1_c0 {
    font-size: 28rpx;
    font-weight: 600;
    color: #333333;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-height: 42rpx;
  }

  .bangfuxiangqing_fd1_2_c0_c0_c1 {
    margin: 0rpx 0rpx 0rpx 34rpx;
  }

  .bangfuxiangqing_fd1_2_c0_c0_c0 {
    width: 200rpx;
    height: 200rpx;
    border-radius: 16rpx 16rpx 16rpx 16rpx;
  }

  .bangfuxiangqing_fd1_2_c0_c0 {
    margin: 32rpx 0rpx 0rpx 0rpx;
  }

  .bangfuxiangqing_fd1_2_c0 {
    border-bottom: 1px solid #eee;
    padding: 0rpx 0rpx 32rpx 0rpx;
  }

  .bangfuxiangqing_fd1_2 {
    background: #fff;
    border-radius: 16rpx 16rpx 16rpx 16rpx;
    padding: 32rpx 24rpx 32rpx 24rpx;
    background-size: 100% auto !important;
    margin: 12rpx 0rpx 12rpx 0rpx;
  }

  .bangfuxiangqing_fd1_1_c2 {
    width: 14rpx;
    height: 26rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
    margin: 0rpx 0rpx 0rpx 24rpx;
  }

  .bangfuxiangqing_fd1_1_c1_c1_c0_c3 {
    font-size: 24rpx;
    font-weight: 400;
    color: #333333;
  }

  .bangfuxiangqing_fd1_1_c1_c1_c0_c0 {
    font-size: 24rpx;
    font-weight: 400;
    color: #333333;
    margin: 0rpx 5rpx 0rpx 0rpx;
  }

  .bangfuxiangqing_fd1_1_c1_c1 {
    margin: 19rpx 0rpx 0rpx 0rpx;
  }

  .bangfuxiangqing_fd1_1_c1_c0_c5 {
    font-size: 32rpx;
    font-weight: 700;
    color: #333333;
    margin: 0rpx 0rpx 0rpx 16rpx;
    line-height: 40rpx;
  }

  .bangfuxiangqing_fd1_1_c1_c0_c2 {
    font-size: 24rpx;
    font-weight: 700;
  }

  .bangfuxiangqing_fd1_1_c1_c0_c1 {
    font-size: 32rpx;
    font-weight: 700;
    color: #333333;
    margin: 0rpx 0rpx 0rpx 16rpx;
    max-width: 200rpx;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-height: 40rpx;
  }

  .bangfuxiangqing_fd1_1_c1_c0_c0 {
    border: 1px solid var(--benbenbdColor8);
    background: var(--benbenbgColor5);
    border-radius: 8rpx 8rpx 8rpx 8rpx;
    padding: 1rpx 16rpx 0rpx 16rpx;
    font-size: 23rpx;
    font-weight: 500;
    color: var(--benbenFontColor4);
  }

  .bangfuxiangqing_fd1_1_c1 {
    margin: 0rpx 0rpx 0rpx 24rpx;
  }

  .bangfuxiangqing_fd1_1_c0 {
    width: 60rpx;
    height: 60rpx;
  }

  .bangfuxiangqing_fd1_1 {
    background: #FFFFFF;
    border-radius: 16rpx 16rpx 16rpx 16rpx;
    margin: 32rpx 0rpx 12rpx 0rpx;
    padding: 40rpx 21rpx 40rpx 24rpx;
  }

  .bangfuxiangqing_fd1_0_c1 {
    width: 140rpx;
    height: 140rpx;
  }

  .bangfuxiangqing_fd1_0_c0_c3 {
    color: #FFFFFF;
    font-size: 24rpx;
    font-weight: 400;
    line-height: 33rpx;
    margin: 8rpx 0rpx 0rpx 0rpx;
  }

  .bangfuxiangqing_fd1_0_c0_c1_c1 {
    background: transparent;
  }

  .bangfuxiangqing_fd1_0_c0_c1_c0 {
    font-size: 24rpx;
    font-weight: 400;
    color: #FFFFFF;
  }

  .bangfuxiangqing_fd1_0_c0_c1 {
    margin: 8rpx 0rpx 0rpx 0rpx;
    font-size: 28rpx;
    font-weight: 400;
    color: #fff;
  }

  .bangfuxiangqing_fd1_0_c0_c0 {
    font-size: 32rpx;
    font-weight: 700;
    color: #FFFFFF;
  }

  .bangfuxiangqing_fd1_0 {
    padding: 12rpx 0rpx 0rpx 0rpx;
  }

  .bangfuxiangqing_flex_2 {
    background: #fff;
    background-size: 100% auto !important;
    border-radius: 24rpx 24rpx 0rpx 0rpx;
  }

  .bangfuxiangqing_fd2_0_c2_c0_c0_c1 {
    width: 32rpx;
    height: 32rpx;
  }

  .bangfuxiangqing_fd2_0_c2_c0_c0 {
    padding: 20rpx 0rpx 20rpx 0rpx;
  }

  .bangfuxiangqing_fd2_0_c2 {
    touch-action: none;
    width: 686rpx;
    height: 40vh;
    margin: 0rpx auto 40rpx auto;
  }

  .bangfuxiangqing_fd2_0_c1_c0 {
    font-size: 28rpx;
    font-weight: 400;
    color: #666666;
    padding: 25rpx 24rpx 25rpx 24rpx;
  }

  .bangfuxiangqing_fd2_0_c1 {
    background: #F8F8F8;
  }

  .bangfuxiangqing_fd2_0_c0_c2 {
    font-size: 28rpx;
    font-weight: 700;
    color: var(--benbenFontColor5);
    line-height: 40rpx;
  }

  .bangfuxiangqing_fd2_0_c0_c1 {
    font-size: 36rpx;
    font-weight: 700;
    color: #333333;
  }

  .bangfuxiangqing_fd2_0_c0_c0 {
    font-size: 28rpx;
    font-weight: 400;
    color: #999999;
    line-height: 40rpx;
  }

  .bangfuxiangqing_fd2_0_c0 {
    padding: 32rpx 32rpx 32rpx 32rpx;
  }

  .bangfuxiangqing_fd2_0 {
    border-radius: 24rpx 24rpx 0rpx 0rpx;
  }

  .bangfuxiangqing_flex_3 {
    background: #FFFFFF;
    border-radius: 24rpx 24rpx 0rpx 0rpx;
    padding: 41rpx 24rpx 40rpx 24rpx;
  }

  .bangfuxiangqing_fd3_3 {
    background: var(--benbenbgColor5);
    border-radius: 44rpx 44rpx 44rpx 44rpx;
    font-size: 32rpx;
    color: rgba(102, 102, 102, 1);
    width: 686rpx;
    height: 80rpx;
    line-height: 80rpx;
    margin: 0rpx 8rpx 0rpx 8rpx;
  }

  .bangfuxiangqing_fd3_2 {
    background: var(--benbenbgColor7);
    border-radius: 44rpx 44rpx 44rpx 44rpx;
    font-size: 32rpx;
    color: var(--benbenFontColor3);
    width: 686rpx;
    height: 80rpx;
    line-height: 80rpx;
    margin: 56rpx 8rpx 24rpx 8rpx;
  }

  .bangfuxiangqing_fd3_1_c1_c0 {
    width: 400rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
  }

  .bangfuxiangqing_fd3_1_c1 {
    width: 100%;
    padding: 50rpx 0rpx 50rpx 0rpx;
  }

  .bangfuxiangqing_fd3_1_c0_c0_c1_c1_c1_c1 {
    color: #666666;
    font-size: 28rpx;
    font-weight: 400;
    line-height: 40rpx;
    margin: 0rpx 0rpx 0rpx 12rpx;
  }

  .bangfuxiangqing_fd3_1_c0_c0_c1_c1_c1_c0 {
    width: 30rpx;
    height: 30rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
  }

  .bangfuxiangqing_fd3_1_c0_c0_c1_c1_c0_c1 {
    margin: 8rpx 0rpx 0rpx 0rpx;
  }

  .bangfuxiangqing_fd3_1_c0_c0_c1_c1_c0_c0_c1 {
    color: #999999;
    font-size: 24rpx;
    font-weight: 400;
    line-height: 33rpx;
    margin: 0rpx 0rpx 0rpx 10rpx;
  }

  .bangfuxiangqing_fd3_1_c0_c0_c1_c1_c0_c0_c0 {
    color: #999999;
    font-size: 24rpx;
    font-weight: 400;
    line-height: 33rpx;
  }

  .bangfuxiangqing_fd3_1_c0_c0_c1_c1 {
    margin: 16rpx 0rpx 0rpx 0rpx;
  }

  .bangfuxiangqing_fd3_1_c0_c0_c1_c0_c2_c0_1 {
    color: #B82441;
    font-size: 24rpx;
    font-weight: 400;
    line-height: 33rpx;
  }

  .bangfuxiangqing_fd3_1_c0_c0_c1_c0_c2_c0 {
    color: var(--benbenFontColor5);
    font-size: 24rpx;
    font-weight: 400;
    line-height: 33rpx;
  }

  .bangfuxiangqing_fd3_1_c0_c0_c1_c0_c2 {
    background: var(--benbenbgColor8);
    margin: 0rpx 0rpx 0rpx auto;
    border-radius: 8rpx 8rpx 8rpx 8rpx;
    padding: 0rpx 8rpx 0rpx 8rpx;
  }

  .bangfuxiangqing_fd3_1_c0_c0_c1_c0_c1 {
    width: 64rpx;
    height: 33rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
    margin: 0rpx 0rpx 0rpx 16rpx;
  }

  .bangfuxiangqing_fd3_1_c0_c0_c1_c0_c0 {
    color: #333333;
    font-size: 28rpx;
    font-weight: 500;
    line-height: 40rpx;
  }

  .bangfuxiangqing_fd3_1_c0_c0_c1 {
    margin: 0rpx 0rpx 0rpx 32rpx;
  }

  .bangfuxiangqing_fd3_1_c0_c0_c0 {
    width: 32rpx;
    height: 32rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
  }

  .bangfuxiangqing_fd3_1_c0_c0 {
    background: #F8F8F8;
    border-radius: 16rpx 16rpx 16rpx 16rpx;
    padding: 32rpx 32rpx 32rpx 32rpx;
    margin: 32rpx 0rpx 0rpx 0rpx;
  }

  .bangfuxiangqing_fd3_1 {
    touch-action: none;
    height: 40vh;
    width: 702rpx;
  }

  .bangfuxiangqing_fd3_0_c3 {
    width: 40rpx;
    height: 40rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
    position: absolute;
    top: -16rpx;
    right: 0rpx;
  }

  .bangfuxiangqing_fd3_0_c1 {
    color: #333333;
    font-size: 36rpx;
    font-weight: 500;
    line-height: 50rpx;
    margin: 0rpx 24rpx 0rpx 24rpx;
  }

  .bangfuxiangqing_fd3_0_c0 {
    width: 32rpx;
    height: 10rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
  }

  .bangfuxiangqing_fd3_0 {
    position: relative;
  }
</style>